<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="Knight of Artoria">
    <title>我的帮购</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_614257_zr7kirnxfrzlg14i.css">
    <link rel="stylesheet" href="../css/Help-To-Buy.css">
</head>

<body>
    <div class="help-to-buy mobile">
        <!-- 头部 -->
        <header>
            <!-- ×号 -->
            <a href="">
                <i class="iconfont icon-17cuowu"></i>
            </a>
            <nav>
                <h1>
                    我的帮购
                </h1>
                <a href="" class="more">
                    <i class="iconfont icon-gengduo"></i>
                </a>
            </nav>
        </header>
        <!-- 主体 -->
        <section>
            <!-- 删除或者分享 -->
            <ul class="delete-or-share">
                <li>
                    <a href="">
                        <i class="iconfont icon-wenjian">
                            删除帮购
                        </i>
                    </a>
                </li>
                <li>
                    <a href="helpReviewers.html">
                        <i class="iconfont icon-fenxiang">
                            分享
                        </i>
                    </a>
                </li>
            </ul>
            <!-- 商品 -->
            <ul class="goods">
                <li>
                    <div class="img-box">
                        <a href="">
                            <img src="../img/help-to-buy-goods-1.png" alt="戒指">
                        </a>
                    </div>
                    <div class="text">
                        <h2>
                            【模板】&nbsp;18K 金鑽石戒指
                        </h2>
                        <!-- 价格以及移除 -->
                        <div class="price-remove">
                            <span>
                                ￥40.5
                            </span>
                            <a href="">
                                <i class="iconfont icon-cuowu"></i>
                                <span>移除</span>
                            </a>
                        </div>
                        <button>
                            <span>
                                <i class="iconfont icon-dianzan"></i>
                            </span>
                            <span>
                                赞 100
                            </span>
                        </button>
                    </div>
                </li>
                <li>
                    <div class="img-box">
                        <a href="">
                            <img src="../img/help-to-buy-goods-1.png" alt="戒指">
                        </a>
                    </div>
                    <div class="text">
                        <h2>
                            【模板】&nbsp;18K 金鑽石戒指
                        </h2>
                        <!-- 价格以及移除 -->
                        <div class="price-remove">
                            <span>
                                ￥40.5
                            </span>
                            <a href="">
                                <i class="iconfont icon-cuowu"></i>
                                <span>移除</span>
                            </a>
                        </div>
                        <button>
                            <span>
                                <i class="iconfont icon-dianzan"></i>
                            </span>
                            <span>
                                赞 100
                            </span>
                        </button>
                    </div>
                </li>
                <li>
                    <div class="img-box">
                        <a href="">
                            <img src="../img/help-to-buy-goods-1.png" alt="戒指">
                        </a>
                    </div>
                    <div class="text">
                        <h2>
                            【模板】&nbsp;18K 金鑽石戒指
                        </h2>
                        <!-- 价格以及移除 -->
                        <div class="price-remove">
                            <span>
                                ￥40.5
                            </span>
                            <a href="">
                                <i class="iconfont icon-cuowu"></i>
                                <span>移除</span>
                            </a>
                        </div>
                        <button>
                            <span>
                                <i class="iconfont icon-dianzan"></i>
                            </span>
                            <span>
                                赞 100
                            </span>
                        </button>
                    </div>
                </li>
            </ul>

            <!-- 建议 -->
            <div class="suggests">
                <!-- 帮助者 -->
                <div class="helper">
                    <div class="img-box">
                        <img src="../img/help-to-buy-xiaoming.png" alt="帮助者头像">
                    </div>
                    <p>
                        小明
                    </p>
                </div>
                <!-- 帮助内容 -->
                <div class="text">
                    <h3>
                        【模板】标题1
                    </h3>
                    <div class="suggest-main">
                        <p>
                            我觉得珠宝2会比较好，你看他的设计我觉得珠宝2会比较好，你看他的设计我觉得珠宝2会比较好，你看他的设计我觉得珠宝2会比较好，你看他的设计我觉得珠宝2会比较好，你看他的设计我觉得珠宝2会比较好
                        </p>
                        <i class="iconfont icon-combinedshapecopy2"></i>
                    </div>
                </div>
            </div>
        </section>
    </div>
</body>

</html>